<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>查看模块原始数据</title>
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/style.css" rel="stylesheet">
    <link href="/css/zTreeStyle.css" rel="stylesheet">

    <script type="text/javascript" src="/js/swfobject.js"></script>
    <script type="text/javascript" src="/js/web_socket.js"></script>
    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <script type="text/javascript" src="/js/PopCalendar.js"></script>
    <script type="text/javascript" src="/js/message.js"></script>
    <script type="text/javascript" src="/js/jquery.ztree.core.min.js"></script>
    <script type="text/javascript" src="/js/ztree.js"></script>

    <style>
        body {
            text-align: center;
            margin: 40 auto;
        }


        div#main table {
            margin: 0 auto;
            margin-top: 40px;
            border-radius: 10px;
            padding: 20px;
        }

        div#main tr {
            height: 30px;
        }

        div#main td.caption {
            text-align: center;
            width: 80px;
        }

        div#main td.input {
            width: 120px;
        }
    </style>
</head>

<body onload="connect();">
    <div id="main">
        <form name='query' action='gpsLog.php' method='post'>
            <span>时&nbsp&nbsp间</span>
            <input id="time" name="time" type="text" maxlength="20" onClick="fPopCalendar(time, time, 0)"
                autocomplete='off' />
            <span>设备ID</span>
            <input id="devId" name="devId" type="text" maxlength="12" value="013800000001" />
            <input type='submit' name='submit' value='原始数据' onClick="return check();" />
        </form>
    </div>
    <div>
        <a href="#" onClick='return moduleCtrlClick("oilOff");'>断油电</a>
        <a href="#" onClick='return moduleCtrlClick("oilOn");'>通油电</a>
        <a href="#" onClick='return moduleCtrlClick("verno");'>版本号</a>
    </div>
    <div id="mapContent"></div>
    <script type="text/javascript">
        // 动态自适应屏幕
        document.write('<meta name="viewport" content="width=device-width,initial-scale=1">');

        $('#time').attr('value', getDate('-'));

        function check() {
            if (query.time.value == "") {
                alert("请输入时间");
                query.time.focus();
                return false;
            }
            if (query.devId.value == "") {
                alert("请输入项目ID");
                query.devId.focus();
                return false;
            }
        }

        function getDate(sep) {
            var date = new Date();
            var year = date.getFullYear();
            var month = date.getMonth() + 1;
            var day = date.getDate();
            month = month + 100 + "";
            month = month.substring(1);
            day = day + 100 + "";
            day = day.substring(1);

            return year + sep + month + sep + day;
        }
    </script>
    <div>
        <ul id="tree" class="ztree"></ul>
    </div>

    <!--引用百度地图API-->
    <style type="text/css">
        #mapContent {
            padding-right: 10px;
            width: 600px;
            height: 480px;
            border: #ccc solid 1px;
            float: right;
            margin-right: 20px;
        }

        .iw_poi_title {
            color: #CC5522;
            font-size: 14px;
            font-weight: bold;
            overflow: hidden;
            padding-right: 13px;
            white-space: nowrap
        }

        .iw_poi_content {
            font: 12px arial, sans-serif;
            overflow: visible;
            padding-top: 4px;
            white-space: -moz-pre-wrap;
            word-wrap: break-word
        }
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=WGPaHp3g9EwQLqiOp5H6N9WgKP5GMMad">
    </script>
    <script type="text/javascript" src="/js/map.js"></script>
</body>

</html>